id:{{hero.id}},name:{{hero.name| uppercase}}
<hr>
<h1>双向绑定</h1>
<div>
    <label>
        name:
        <input
            [(ngModel)]="hero.name"
            placeholder="name"
        >
    </label>
</div>
<app-hero-detail [hero]="selectedHero"></app-hero-detail>
<div>
    <ul
        *ngFor="let each of heroes"
        (click)="onSelect(each)"
    >
        <li>id:{{each.id}},name:{{each.name}}</li>
    </ul>
</div>
